<script setup>

</script>
<template>
    <div class="footer">
        <div class="footer-content">
            <div class="footer-group">
                <h6>关于我们</h6>
                <p>公司介绍</p>
                <p>品牌故事</p>
                <p>设计团队</p>
            </div>
            <div class="footer-group">
                <h6>联系我们</h6>
                <p>电话XXXXXXX</p>
                <p>地址XXXX</p>
            </div>
            <div class="footer-group">
                <h6>版权声明/隐私政策</h6>
                <p>沪ICP备18025307号</p>
                <p>XXX有限公司</p>
            </div>
            <div class="footer-group">
                <h6>扫二维码加入公众号了解更多</h6>
                <div class="qcode">
                    <img src="../../assets/images/exported_qrcode_image_600.png" alt="">
                </div>
            </div>
        </div>

    </div>
</template>
<style lang="scss" scoped>
.footer {
    border-top: 2px solid rgba(0, 0, 0, 0.25);
    .footer-content{
        width: 1520px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    h6 {
        font-family: MiSansVF_Demibold;
        font-size: 14px;
        color: #000000;
        line-height: 19px;
        margin-top: 31px;
    }

    p {
        font-family: MiSansVF;
        font-size: 14px;
        color: #000000;
        line-height: 19px;
        margin-top: 13px;
        cursor: pointer;
    }

    .qcode {
        width: 110px;
        height: 110px;
        margin-top: 13px;

        img {
            display: block;
            width: 110px;
            height: 110px;
        }
    }
}</style>
